<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#div1
			{
				width: 400px;
				height: 400px;
				border: 1px solid red;
				/* padding-top: 20px;   /* 设置div2往下往后移动20px可以通过设置他的父标签div1的内边距来实现（多了容量） */
				/* padding-left: 20px; */
				margin: 0px auto;   /* 上下为0左右为auto通过设置盒子的外边距居中 */
				/* margin: auto 0px;  上下无法居中,往下是可以无限延长的 有多少就是多少 只能手动调整 */
			}
			#div2{
				width: 200px;
				height: 200px;
				border: 1px solid green;
				background-color: bisque;
				margin: 100px;
			}
		</style>
	</head>
	<body>
		<div id="div1">
			<div id="div2"></div>
		</div>
	</body>
</html>